@import '~@/assets/css/mixins';

.back_bar {
  height: 67px;
  color: @gray-700;
  font-size: 16px;
  line-height: 67px;
  text-indent: 24px;
  background: #fff;
  border-bottom: 1px solid @gray-200;

  :global {
    .iconfont {
      color: @gray-400;
      cursor: pointer;
    }
  }

  span {
    cursor: pointer;
  }
}

.data_show {
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 24px;
    box-sizing: border-box;
    //background: yellowgreen;
    border: 2px solid #FFF;
    background: linear-gradient(138deg, #F3F5F8 0%, #FFF 100%);
    box-shadow: 8px 8px 20px rgb(55 99 170 / 10%);
    opacity: 1;
    border-radius: @border-radius-lg;

    >div {
      display: flex;
      align-items: center;
      color: rgb(0 0 0 / 85%);
    }

    .column {
      font-size: 14px;
      line-height: 14px;
    }

    .count {
      margin-left: 36px;
      font-size: 24px;
      //font-weight: bold;
      line-height: 36px;
    }

    :global {
      .iconfont-colour2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 24px;
        background: rgb(91 143 249 / 5%);
        //background: rgba(91, 143, 249, 0.02);
        color: @gray-700;
      }
    }
  }

  .item+.item {
    margin-left: 24px;
  }

}

.link {
  color: @primary;
  cursor: pointer;
}

.page_content_right_flex {
  flex: 1;
}

.page_content_column {
  flex: 1;
}

.page_content_with_breadcrumb {
  .hideLogger {
    display: none;
  }

  :global {
    .ant-table-expanded-row {
      .ant-table-thead {
        display: none;
      }
    }
  }
}
